<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../css/jquery.mobile-1.4.5.css">
    <link rel="stylesheet" type="text/less" href="../css/choice-distince.less">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/jquery.mobile-1.4.5.js"></script>
    <script src="../js/less.js"></script>

    <title></title>
</head>
<body>
<div data-role="page">
    <script src="../js/comman.js"></script>
        <!-- 选电影的头部-->
    <div data-role="header">
         <div  class="choice-header">
             <div><a href="choice-film.html" data-transition="pop"><</a></div>
             <div> <a href="#">选影院</a></div>
         </div>
    </div>
    <div data-role="main"  class="ui-content movie_distane">
        <div class="MyInput">
            <input type="text" placeholder="请输入您要搜索的电影院名称"><label>取消</label>
        </div>
        <!-- 距离和口碑-->
        <div class="praise_distance">
            <div class="praise">
                <div id="hj">距离</div>
                <div id="hjsd">口碑</div>
            </div>
            <!-- 下面的电影院的选择-->
            <div class="distince_movies">
                <a href="#">
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>保利国际影城(复城店)</p>
                            <span>413m</span>
                        </div>
                        <div>
                            <span>武侯区高新区益州大道722号复城国际广场4楼</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                             <img src="../images/star.png">
                             <img src="../images/star.png">
                             <img src="../images/star.png">
                             <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>
                </a>

                <!-- 下面的电影院的选择-->
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>海上国际明珠影城</p>
                            <span>844m</span>
                        </div>
                        <div>
                            <span>武侯区益州大道1999号银泰城5楼</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>


                <!-- 下面的电影院的选择-->
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>CGV星际影城(高新店)</p>
                            <span>1.3km</span>
                        </div>
                        <div>
                            <span>武侯区剑南大道中段998号世豪广场</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>


                <!-- 下面的电影院的选择-->
                <a href="#">
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>星美国际影城(成都环球店)</p>
                            <span>2.3km</span>
                        </div>
                        <div>
                            <span>武侯区天府大道北段1700号新世纪环球购物中心4层</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>
                </a>
            </div>




            <div class="movie_disns"  style="display:none;">
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>保利国际影城(复城店)</p>
                            <span>413m</span>
                        </div>
                        <div>
                            <span>武侯区高新区益州大道722号复城国际广场4楼</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>


                <!-- 下面的电影院的选择-->
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>海上国际明珠影城</p>
                            <span>844m</span>
                        </div>
                        <div>
                            <span>武侯区益州大道1999号银泰城5楼</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>





                <!-- 下面的电影院的选择-->
                <div class="movie_name" >
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>星美国际影城(成都环球店)</p>
                            <span>2.3km</span>
                        </div>
                        <div>
                            <span>武侯区天府大道北段1700号新世纪环球购物中心4层</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>


                <!-- 下面的电影院的选择-->
                <div class="movie_name">
                    <div class="movie_position">
                        <span>
                            <img src="../images/pos.png" style="width:18px; height:27px;">
                        </span>
                    </div>
                    <!-- 下面的信息，五个星星-->
                    <div class="movie_info_text">
                        <div>
                            <p>CGV星际影城(高新店)</p>
                            <span>1.3km</span>
                        </div>
                        <div>
                            <span>武侯区剑南大道中段998号世豪广场</span>
                        </div>
                        <div>
                            <img src="../images/star.png">
                            <img src="../images/star.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                            <img src="../images/op_start.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-role="footer">
    </div>
</div>
</body>
</html>